
 <ul class="nav nav-pills">
    <li class="active">
    <a href="<?php echo W_ROOT;?>/company/dashboard/?p=theme/home">Home</a>
    </li>
    <li><a href="<?php echo W_ROOT;?>/company/dashboard/?p=theme/edit_logo">Edit Logo</a></li>
    <li><a href="<?php echo W_ROOT;?>/company/dashboard/?p=theme/edit_background">Edit Banner</a></li>
    <li><a href="<?php echo W_ROOT;?>/company/dashboard/?p=theme/edit_layout">Edit Layout</a></li>
    <li><a href="<?php echo W_ROOT;?>/company/dashboard/?p=theme/edit_shoppic">Edit Shoppicture</a></li>
    </ul>



<?php
/**
 * @developer socheat ngorn
 * @copyright 2012
 */
    $path = W_ROOT.'/company/'; 
?>
<style type="text/css">
    .dashboard .gird
    {
        margin: 10px 20px 10px 20px;
        height:150px;
        clear:both;
    }
    .dashboard .gird img
    {
        width:100%;
    }
    .dashboard .gird a{
   	    -moz-border-radius:6px;
    	-webkit-border-radius:6px;
    	border-radius:6px;
    	border:1px solid #eee;
    	display:inline-block;
    	color:#666666;
    	font-family:arial;
    	font-size:12px;
    	font-weight:bold;
    	text-decoration:none;
    	text-shadow:1px 1px 0px #ffffff;
        text-align: center;
        padding:10px 10px 10px 0;        
    }
    
    

.dashboard .gird a:hover {
   	    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    	box-shadow:inset 0px 1px 0px 0px #ffffff;
    	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    	background-color:#f9f9f9;
    	-moz-border-radius:6px;
    	-webkit-border-radius:6px;
    	border-radius:6px;
    	border:1px solid #dcdcdc;
    	display:inline-block;
    	color:#666666;
    	font-family:arial;
    	font-size:12px;
    	font-weight:bold;
    	text-decoration:none;
    	text-shadow:1px 1px 0px #ffffff;
        text-align: center;
        padding:10px 10px 10px 0;
}

</style>
<div class="row dashboard">
                <div class="three columns">
                    <div class="gird">
                    <a href="<?php echo W_ROOT;?>/company/dashboard/?p=theme/edit_logo">
                        <img src="<?php echo $path;?>images/editlogo.png" alt="" title="Edit Logo"/>
                        </br><span>Edit Logo</span>
                    </a>
                    </div>
                </div>
                <div class="three columns">
                    <div class="gird">
                    <a href="<?php echo W_ROOT;?>/company/dashboard/?p=theme/edit_background"><img src="<?php echo $path;?>images/editbanner.png" alt="" title="Article 			            manager"/>
                    </br><span>Edit Banner</span></a>
                    </div>
                </div>
        <div class="three columns">
            <div class="gird">
            <a href="<?php echo W_ROOT;?>/company/dashboard/?p=theme/edit_layout"><img src="<?php echo $path;?>images/editlayout.png" alt="" title="Manage your order"/></br><span>Edit Layout</span></a>
            </div>
        </div>
        <div class="three columns">
            <div class="gird">  
           <a href="<?php echo W_ROOT;?>/company/dashboard/?p=theme/edit_shoppic"><img src="<?php echo $path;?>images/editshippic.png" alt="" title="Reviews"/></br><span>Edit Shop picture</span></a>
            </div>
        </div>
        
        
      
    <div style="clear: both;"></div>    
</div>
<div style="height: 40px; display:block; clear: both;"></div>